<!-- least.js CSS-file -->
<link href="<?php echo Yii::app()->request->baseUrl; ?>/css/back/least.min.css" rel="stylesheet" />
<!-- jQuery libary -->
<script src="http://code.jquery.com/jquery-latest.js" defer="defer"></script>
<!-- least.js JS-file -->
<script src="<?php echo Yii::app()->request->baseUrl; ?>/js/back/least.min.js" defer="defer"></script>
<!-- Lazyload JS-file -->
<script src="<?php echo Yii::app()->request->baseUrl; ?>/js/back/jquery.lazyload.min.js" defer="defer"></script>


<script>
function goBack() {
    window.history.back();
}

</script>
<style>
    .images{
        width: 240px; height: 240px; border-width: 1px; border-style: groove; border-color: #FFF;
    }
</style>
<section>
    <button class="btn btn-primary" name="button" style="margin-bottom:5px" type="submit" onclick="goBack()">Back</button>
    <ul id="gallery">
        <li id="fullPreview"></li>
        <?php foreach ($mAlbum as $k => $a): ?>
        <li class="images">
                <a href="<?php echo Yii::app()->request->baseUrl; ?>/backend.php/image/upload?album_id=<?php echo $a['id']; ?>"></a>
                <img data-original="<?php echo Yii::app()->request->baseUrl; ?>/images/1.jpg" src="<?php echo Yii::app()->request->baseUrl.$a['url']; ?>" width="240" height="150" alt="Ocean" />

                <div class="overLayer"></div>
                <div class="infoLayer">
                    <ul>
                        <li>
                            <h2>
                                <?= $a['name']; ?>
                            </h2>
                        </li>
                        <li>
                            <p>
                                View Album
                            </p>
                        </li>
                    </ul>
                </div>


            </li>
        <?php endforeach; ?>
    </ul>
</section>